<template>
  <div class="app-container home">
    <div class="row">
      <Consume-model />
      <Income-model />
    </div>
    <div class="row">
      <Order-model />
      <Charge-stop-model />
    </div>
  </div>
</template>

<script>
import ConsumeModel from "@/views/components/ConsumeModel";
import IncomeModel from "@/views/components/IncomeModel";
import OrderModel from "@/views/components/OrderModel";
import ChargeStopModel from "@/views/components/ChargeStopModel";
export default {
  name: "Index",
  components: { ConsumeModel, IncomeModel, OrderModel, ChargeStopModel },
  data() {
    return {};
  },
};
</script>

<style scoped lang="scss">
.home {
  .row {
    display: flex;
    > div {
      margin-right: 20px;
      &:last-child {
        margin-right: 0;
      }
    }
  }
}
</style>
